/* default font set at 18px/30px */ * { margin: 0; border: none; padding: 0; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } #fancybox-wrap { box-sizing: content-box; } html,body { width: 100%; } body { font: 14px/22px Arial, Helvetica, sans-serif; text-align: center; background-color: #F4F4F4; } header, nav, section, article, footer { display: block; } .black { color: #3d4344; } table.pad { margin: 0 0 30px; } table.pad td { padding: 2px; } table.pad td.red { width: 10px; color: #FF0000; text-align: center; } table td { vertical-align: top; } img { vertical-align: bottom; max-width: 100%; } .left { margin: 5px 35px 25px 0 !important; } .right { margin: 5px 0 25px 35px !important; } .fl { float: left; } .fr { float: right; } .nobreak { white-space: nowrap; } .clear { clear: both; } .required { font-style: italic; color: #bd1919; } .warning { margin-bottom: 15px; padding: 10px; } .hide { display: none; } abbr[title], acronym[title] { border-bottom-width: 0; } hr { margin: 0 0 20px; background-color: #6b5c61; height: 1px; } input.spam { display: none; } sup { line-height: 0; } .printable_nap { display: none; } img.full-staff { margin-bottom: 30px; border: 1px solid #6b5c61; } .video-wrapper { position: relative; height: 0; padding-top: 56.25%; margin-bottom: 30px; } .video-wrapper > iframe, .video-wrapper > .video-js { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } table.pagebuttons { margin: 0 auto 20px; width: 620px; } /** HIDE FOUT **/ .wf-loading section h1, .wf-loading section h1 span, .wf-loading .videoFeature .button, .wf-loading .featureExparel h2, wf-loading .photoButton, .wf-loading section #requestFeature h3, .wf-loading section #requestFeature h3, .wf-loading #requestFeature a.button, .wf-loading .breastFeature .button, .wf-loading #lnav h3 a, .wf-loading quickcontact h3, .wf-loading section ul#featuresHM li a, .wf-loading #reviewWrapper p.step { visibility: hidden !important; } @media only screen and (min-width: 668px) { html,body { width: 100%; min-width: 1024px; } a.photoButton:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } a.photoButton.back:after { content: ''; } a.photoButton.back:before { content: '\f0d9'; font-family: 'fontawesome'; margin-right: 7px; } /* FORMS */ input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #3d4344; -webkit-border-radius: 0; -webkit-tap-hightlight-color: rgba(0,0,0,0); } table.contact { margin: 0 0 15px; font-size: .889em; } .contact p.small { margin: 0 0 10px; font-style: italic; font-size: .875em; line-height: normal; } input.input { padding: 11px 13px; width: 100%; background: #fff; border: 1px solid #ccc; vertical-align: middle; -webkit-appearance: none; font-size: 14px;; } input.address { width: 619px; } input.send { float: right; } section select { padding: 10px 13px 9px; width: 304px; background: #fff; border: 1px solid #ccc; font-size: 1em; height: 43px; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } section select:focus { color: #777; } section select.interest { width: 621px; } section select option { padding: 0 10px; } section textarea { padding: 11px 13px; width: 622px; height: 100px; background: #fff; border: 1px solid #ccc; font-size: 1em; overflow: auto; resize: none; margin-bottom: -3px; } input::-webkit-input-placeholder { color: #3d4344; } input:-moz-placeholder { color: #3d4344; } textarea:-moz-placeholder { color: #3d4344; } textarea::-webkit-input-placeholder { color: #3d4344; } input:focus::-webkit-input-placeholder { color: #3d4344; } input:focus:-moz-placeholder { color: #3d4344; } textarea:focus:-moz-placeholder { color: #3d4344; } textarea:focus::-webkit-input-placeholder { color: #3d4344; } #contact form button { height: 40px; line-height: 40px; padding: 3px 20px; vertical-align: top; display: inline-block; float: right; } #contact form button { height: 41px; color: #fff; background: #6b5c61; text-align: center; font-size: 18px; font-family: 'Futurisc', helvetica, Arial, sans-serif; font-weight: 100; transition: background .2s ease-out; } #contact form button:hover { background: #3d4344; cursor: pointer; } #contact form button:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } .validator { margin: 5px 5px 0 10px; width: 50px; height: 24px; background-repeat: no-repeat; background-position: top left; } .verification1 { background-image: url(../images/verify-1.png); } .verification2 { background-image: url(../images/verify-2.png); } .verification3 { background-image: url(../images/verify-3.png); } .verification4 { background-image: url(../images/verify-4.png); } .verification5 { background-image: url(../images/verify-5.png); } .verification6 { width: 50px; height: 24px; background-image: url(../images/verify-6.png); } .verification7 { width: 50px; height: 24px; background-image: url(../images/verify-7.png); } .verification8 { width: 50px; height: 24px; background-image: url(../images/verify-8.png); } .verification9 { width: 50px; height: 24px; background-image: url(../images/verify-9.png); } .verification10 { width: 50px; height: 24px; background-image: url(../images/verify-10.png); } input.validator { margin: 0 15px 0 20px; padding: 0 13px; width: 111px; height: 38px; display: inline-block; vertical-align: top; } input.required, select.required { border: 1px solid #bd1919; color: #bd1919; } .warning { padding: 15px; background: #bd1919; color: #fff; } .warning h2 { margin: 0; padding: 0; color: #fff; border: none; font-style: normal; } .warning p { margin: 0 0 10px; color: #3d4344; } .warning ul { margin: 0 0 10px 20px; padding: 0; } .warning ul li { margin: 0; padding: 0 0 0 25px; font-style: normal; font-size: .85em; line-height: 1.5em; background: none; color: #fff; } .warning ul li:before { content: '\f071'; color: #ffcc00; } ul#logoSlider { width: 100%; height: 131px; list-style-type: none; position: relative; overflow: hidden; } ul#logoSlider li { margin: 0; padding: 0 20px; width: auto !important; height: 131px; display: block; float: left; } #sliderWrapper { height: 131px; overflow: hidden; position: relative; width: 1024px; margin: 0 auto; position: relative; } .bx-wrapper img { z-index: 100; } .bx-wrapper { box-shadow: inset 4px 0 13px #fff; } .bx-viewport { border: none !important; margin-left: 5px !important; } a.fancyPdfChart:hover img { filter: alpha(opacity=90); opacity: .9; zoom: 1; } .home #socialMedia .twitter, .home #socialMedia .google { margin-left: 15px; } .treatmentOptionsFeature { width: 100%; box-sizing: border-box; background: url(../images/treatment-options-feature.jpg) no-repeat top left; padding: 30px 325px 30px 30px; } .treatmentOptionsFeature h2 { border-bottom: none; color: #fff; padding: 0; font-size: 28px; line-height: 28px; } .treatmentOptionsFeature a { text-transform: uppercase; color: #fff; background: linear-gradient(to bottom, #414141, #202020, #010101); padding: 10px 20px; text-decoration: none; } .treatmentOptionsFeature a:hover { background: linear-gradient(to top, #414141, #202020, #010101); } .treatmentOptionsFeature a:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 5px; } .largeButton { display: inline-block; text-align: center; text-decoration: none !important; color: #fff !important; background: #f59390; background-image: linear-gradient(to bottom, #fabbcd, #d5a2b1, #a7838f); font-family: 'Futurisc', Arial, helvetica, sans-serif; padding: 20px 20px; font-size: 20px; font-weight: 300; -webkit-backface-visibility: hidden; z-index: 1; position: relative; transition: color .2s ease-out;} .largeButton:after { font-size: 90%; content: '\f105'; font-family: 'fontawesome'; margin: 0 0 0 7px; position: relative; z-index: 3; } .largeButton:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, #a7838f, #d5a2b1, #fabbcd); z-index: 2; transition: opacity 0.2s ease-out; opacity: 0; } .largeButton:hover:before { opacity: 1; } .largeButton span { z-index: 5; position: relative; } .largeButton:hover { cursor: pointer; color: #3d4344 !important; } iframe.youtube-iframe { width: 100%; } #extension { margin: 0 auto; background-color: #fff; } #position { position: relative; } #mainContainer { margin: 0 auto; width: 100%; text-align: left; } /** HEADER **/ #bannerWrapper { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper .banner { background: url(../images/banner-breast.jpg) no-repeat top center #e6f7fe;} #bannerWrapper .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper2 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper2 .banner { background: url(../images/surgery.jpg) no-repeat top center #f8f8f8;} #bannerWrapper2 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper3 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper3 .banner { background: url(../images/contacts.jpg) no-repeat top center #bdd5df;} #bannerWrapper3 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper5 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper5 .banner { background: url(../images/gallery.jpg) no-repeat top center #e9d5c3;} #bannerWrapper5 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper6 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper6 .banner { background: url(../images/therapy.jpg) no-repeat top center #cdc2b8;} #bannerWrapper6 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper7 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper7 .banner { background: url(../images/diagnostics.jpg) no-repeat top center #c6d3d2;} #bannerWrapper7 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} #bannerWrapper8 { width: 100%; height: 320px; min-width: 1024px; background: url(../images/banner-ext.png) repeat-x;} #bannerWrapper8 .banner { background: url(../images/patients.jpg) no-repeat top center #131b1b;} #bannerWrapper8 .banner .inner { width: 1024px; height: 320px; margin: 0 auto; padding: 0 32px;} .logoContainer { width: 336px; height:209px; } .logo { margin: 0 0 48px; } #logoSlider { width: 100%; height: 131px; margin-top: 1px; } /*** TOP NAV ***/ #topNav { width: 100%; background: #f4f4f4; } #topNav .inner { width: 960px; padding: 28px 0 18px; margin: 0 auto; } #topNav ul.topNav { margin: 0; padding: 0; display: inline-block; } #topNav ul.topNav li { float: left; list-style: none; } #topNav ul.topNav li a { color: #6b5c61; text-decoration: none; padding: 0 10px; border-left: 1px solid #e1e1e1; border-right: 1px solid #ccc; font-family: "Futurisc", helvetica, arial, sans-serif; font-size: 15px; } #topNav ul.topNav li:first-child a { padding-left: 0; } #topNav ul.topNav li a:hover { text-decoration: underline; } #topNav ul.topNav li:first-child a { border-left: none; } #topNav ul.topNav li:last-child a { border-right: none; } #topNav .phoneWrapper { float:right; color: #6b5c61; font-size: 18px; font-family: "Futurisc", helvetica, arial, sans-serif; } #topNav .phoneWrapper a { color: #6b5c61; text-decoration: none; } /*** GNAV ***/ #gnavWrapper { width: 100%; background: #a7838e; } #gnavWrapper #gnav { width: 960px; height: 57px; margin: 0 auto; list-style-type: none; text-align: justify; cursor:pointer;} #gnavWrapper #gnav li { display: inline-block; } #gnavWrapper #gnav li.stretch { display: inline-block; width: 100%; zoom: 1; } #gnavWrapper #gnav li a { display: block; letter-spacing: .3px; font-size: 16px; font-weight: 100; line-height: 56px; color: #fff; text-decoration: none; font-family: "Futurisc", helvetica, arial, sans-serif; position: relative; } #gnavWrapper #gnav li a:after { display: block; width: 1px; height: 56px; content: ''; background: url(../images/nav-dividers.png) no-repeat top right; position: absolute; top: 0; right: -30px; } #gnavWrapper #gnav li.on a { color: #f4dee5; } #gnavWrapper #gnav li.last a:after { background: none;} #gnavWrapper #gnav li a:hover { color: #f4dee5; } .navWrapper { width: 100%; background: #919aa0; background-image: linear-gradient(to bottom, #abb4ba, #7d868c); } nav ul { width: 960px; margin: 0 auto; list-style-type: none; text-align: justify; height: 71px; padding: 0 32px; } nav ul li { display: inline-block; } nav ul li.stretch { display: inline-block; width: 100%; zoom: 1; } nav ul li a { display: block; height: 71px; padding: 3px 0 0; line-height: 65px; text-decoration: none; font-family: 'Futurisc', helvetica, arial, sans-serif; color: #fff; font-weight: 100; font-size: 20px; letter-spacing: 1.4px; text-align: center; } nav ul li a:hover, nav ul li a.on, nav ul li a.on-selected, nav ul li a.selected { color: #3d4344; } .contentWrapper { width: 100%; background: #f4f4f4;} .contentWrapper:after { clear: both; content: ''; display: table; } #contentContainer { width: 1024px; padding: 40px 32px 1px; margin: 0 auto; } /** DROPDOWNS **/ #dropdowns { overflow: hidden; } #dropdowns .menu-child { margin: -1px 0 0 -32px; width: 690px; padding: 20px 32px 35px; font-size: 16px; display: block; z-index: 100; visibility: hidden; background: #596065; } #dropdowns .menu-child ul { margin-top: 20px; } #dropdowns .menu-child:hover { visibility: visible; } #dropdowns .menu-child ul { margin: 0 30px 0 0; padding: 8px 0; width: 298px; list-style-type: none; float: left; } #dropdowns .menu-child ul.last { margin-right: 0; } #dropdowns .menu-child ul li { padding: 6px 0 6px 6px; border-bottom: 1px solid #fff; line-height: 1.4em; } #dropdowns .menu-child ul li a { padding-left: 14px; text-decoration: none; color: #fff; display: block; position: relative;} #dropdowns .menu-child ul li a:before { content: '\f105'; font-family: 'fontawesome'; position: absolute; left: 2px; } #dropdowns .menu-child ul li a span { padding-left: 14px;} #dropdowns .menu-child ul li a:hover { color: #f4dee5; } #dropdowns #face-child { margin-left: -32px; } #dropdowns #breast-child { margin-left: -233px; } #dropdowns #body-child { margin-left: -457px; } #dropdowns #skin-child { margin-left: -665px; } #dropdowns #hair-child { margin-left: -858px; } #dropdowns #hair-child ul { color: #fff; float: none; } #dropdowns #hair-child .logo, #dropdowns #hair-child ul, #dropdowns #hair-child .learnMore { display: inline-block; vertical-align: middle; } #dropdowns #hair-child .learnMore { padding: 12px 18px; color: #fff; text-decoration: none !important; background: #6b5c61; font-family: 'Futurisc'; font-size: 20px; margin: 0 60px 0 0; transition: background .2s ease-out; } #dropdowns #hair-child .learnMore:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } #dropdowns #hair-child .learnMore:hover { background: #3d4344;} #dropdowns #hair-child .logo { margin: 24px 40px 20px 40px; } #dropdowns #hair-child ul li { padding: 2px 0; border-bottom: none; list-style: disc none; } #dropdowns #hair-child ul.last { width: 400px; margin: 7px 0 0 0; } #dropdowns div { margin-top: -1px !important; } #dropdowns .gnav-child { margin-top: -1px !important; padding: 20px 25px; font-size: 13px; display: block; z-index: 100; visibility: hidden; background: #6b5c61; border-top: 0px solid #6b5c61; } #dropdowns .gnav-child:hover { visibility: visible; } #dropdowns .gnav-child ul { margin: 0; padding: 0; width: 260px; list-style-type: none; } #dropdowns .gnav-child ul.last { margin-left: 30px; } #dropdowns .gnav-child ul li:last-child { border-bottom: none; } #dropdowns .gnav-child ul li { padding: 6px 0 6px 10px; border-bottom: 1px solid rgba(255,255,255,.3); line-height: 1.4em; position: relative; } #dropdowns .gnav-child ul li:before {content: '\f105'; font-family: 'fontawesome'; position: absolute; left: 0; color: #fff; } #dropdowns .gnav-child ul li:hover:before { color: #f4dee5; } #dropdowns .gnav-child ul li a { text-decoration: none; color: #fff; display: block; } #dropdowns .gnav-child ul li a span { padding-left: 14px; } #dropdowns .gnav-child ul li a:hover { color: #f4dee5; } .lnav-mastectomy { margin: 0 0 25px; display: block; } #contact-child { margin-left: -20px; } .gnav-child { margin-left: -22px; } #dropdowns #cosmetic-child ul { width: 170px; } #new-office-feature { width: 100%; box-sizing: border-box; padding: 40px 32px 30px 500px; background: url(../images/new-office-feature.jpg) no-repeat top left; color: #3d4344; margin-bottom: 30px; } #new-office-feature h1 { color: #6181a0 !important; margin-bottom: 20px; background: url(../images/upgrading-h1.png) no-repeat top left; text-indent: 100%; overflow: hidden; white-space: nowrap; } #new-office-feature a { color: #6181a0 !important; } #new-office-sneak-peak { background: #fff; margin: 40px 0; padding: 10px; color: #3d4344; } #new-office-sneak-peak h2 { margin: 10px 25px 10px; } #new-office-sneak-peak img { width: 48.8%; display: inline-block; margin-bottom: 15px; } #new-office-sneak-peak img:first-child { margin-right: 10px; } #new-office-sneak-peak a { color: #6181a0 !important; } #new-office-sneak-peak p { padding: 0 25px; margin: 0 0 10px; } #newOffice { width: 100%; background: #fff; color: #3d4344; padding: 10px; margin: 0 0 30px; } #newOffice .set { margin: 0 0 10px 0; } #newOffice .set img { width: 48.8%; } #newOffice .set img:first-child { margin-right: 10px; } #newOffice p { font-size: 14px; margin: 0; padding: 0; } .img-caption {background: #fff; display: block; color: #01608c; font-weight: bold; padding: 0.5em 10px; margin-bottom: 30px;} /** CONTENT **/ section {width: 625px; float: right; position: relative;} section h1 {margin: 0 0 22px; padding: 0; font-family: "Futurisc", helvetica, arial, sans-serif; font-size: 30px; color: #596065; font-weight: 100; line-height: 1.2;} section h2 {margin: 10px 0 10px; padding: 0 0 10px; font-family: 'Futurisc', helvetica, arial, sans-serif; border-bottom: 1px solid #6b5c61; color: #6b5c61; font-size: 1.375em; font-weight: 400;} section h2 a {text-decoration: none;} section h3 {margin: 10px 0 10px; padding: 0 0 10px; border-bottom: 1px solid #6b5c61; color: #6b5c61; font-size: 18px; font-weight: bold; font-family: "Futurisc", helvetica, arial, sans-serif;} section h3 a {text-decoration: none; color: #6b5c61 !important;} section h4 {font-weight: normal;} section p {color: #3d4344; margin: 0 0 30px; margin: 0; font-size: .889em; line-height: 1.75em;} section a {color: #ecd3c7; text-decoration: none;} section a:hover {text-decoration: underline;} section a:link, section a:visited {color: #ecd3c7; } section ul {margin: 0 0 30px; padding: 0 0 0 6px; list-style-type: none;} section ul li {padding: 0 0 0 10px; margin: 0; position: relative;} section ul li:before {content: '\f105'; font-family: 'fontawesome'; position: relative; left: 0; color: #596065; position: absolute;} section ul ul {margin: 0;} section ol {margin: 0 0 30px 0; counter-reset:item;} section ol li {marign: 0 0 10px; list-style-type:none; counter-increment:item; padding: 0 0 0 17px; position: relative;} section ol li:before {font-weight: bold; content:counter(item) "."; text-align: right; padding-right:0.5em; position: absolute; top: 0; left: -2px;} section p.top { color: #6b5c61 !important; font-size: 1.25em; font-family: "Futurisc", helvetica, arial, sans-serif; margin-top: 45px;} section p.top a { color: #6b5c61 !important; text-decoration: none !important;} section ul#spaServices li { height: 140px; } section p.tools { margin: 0; float: right; } section p.tools a { color: #3d4344; } section p.tools a:hover img { filter: Alpha(opacity= 85); -moz-opacity: .85; opacity: .85; } section p.associations { padding: 25px 0; width: 625px; background: #fff; text-align: center; } article { margin-bottom: 30px; padding: 30px 30px 1px; background: #fff; border: 1px solid #ccc; } a.opacity:hover { zoom: 1; filter: Alpha(opacity= 85); -moz-opacity: .85; opacity: .85; } article .charity { width: 167px; margin-right: 30px; text-align: center; font-size: 0.875em; line-height: 1.28em; float: left; } article .charity.nomargin,article .charitySmall.nomargin { margin-right: 0; } article .charity img { padding: 10px; background: #fff; margin-bottom: 10px; } article .charitySmall { width: 108px; margin-right: 5px; text-align: center; font-size: 0.75em; line-height: 1.28em; float: left; } article .charitySmall img { padding: 5px; background: #fff; margin-bottom: 10px; } #events { padding: 0 0 10px 0; margin-bottom: 30px; } #events div { width: 100%; box-sizing: border-box; background: #fff; padding: 30px; border: 1px solid #ccc; margin-bottom: 20px; } #events div:after { display: table; content: ''; clear: both; } #events div h3 { font-size: 22px; margin: 0 0 8px !important; border: none !important; padding: 0 !important; } #events div h4 { color: #81acd4; font-size: 18px; margin: 0 0 20px !important; padding: 0 !important; } #events div p { margin-bottom: 15px !important; } #events div p:last-child { margin-bottom: 0 !important; } #events div img { margin-left: 15px; } .events { padding: 0 0 10px 0; margin-bottom: 30px; } .events div { width: 100%; box-sizing: border-box; background: #fff; padding: 30px; border: 1px solid #ccc; margin-bottom: 20px; } .events div:after { display: table; content: ''; clear: both; } .events div h3 { font-size: 22px; margin: 0 0 8px !important; border: none !important; padding: 0 !important; } .events div h4 { color: #81acd4; font-size: 18px; margin: 0 0 20px !important; padding: 0 !important; } .events div p { margin-bottom: 15px !important; } .events div p:last-child { margin-bottom: 0 !important; } .events div img { max-width: 50%; margin-left: 15px; height: auto !important; } .events div img.alignleft { float: left; margin: 0 10px 15px 0; max-width: 200px; } .events div img.alignright { float: right; margin: 0 0 15px 10px; max-width: 200px; } .li1 {text-decoration: none; color: #414546; font-size: 14px;} .p {text-decoration: none; color: #414546; font-size: 14px;} .feed-container { margin: 0 0 30px; } .feed-container.is-loading:after { content: '\f110'; font-size: 60px; font-family: 'fontawesome'; margin: 30px auto 0; text-align: center; display: block; -webkit-animation: spinner 1.5s linear; animation: spinner 1.5s linear; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .coolevent-feature {background: url(../images/coolevent-bkg.jpg) no-repeat top left; width: 619px; height: 349px; margin-bottom: 30px; box-sizing: border-box;} .coolevent-feature .text-container {padding: 2em 1em 0 18em;} .coolevent-feature h3 {border-bottom: none;} .special-box { padding: 1.5em; margin-bottom: 30px; background: #fff; border: 1px solid #ccc; } .special-box h3 {color: #3d4344;border: none;margin: 0;font-size: 1.3em;padding-bottom: 0.5em;} .special-box h4 {color: #81acd4;font-weight: bold;padding-bottom: 1em;font-size: 1.1em;} .special-box p {color: black;margin: 0;} .special-box ul {margin: 0;} .special-box li {color: black;} .special-box li strong {color: #61588c;} .special-box p.large {font-weight: 500; font-size: 1.1em; margin-bottom: 1em;} .special-box .pr-box { background: #6b5c61; padding: 0.6em 1.3em .4em; margin: 0.9em; text-transform: uppercase; color: #fff; font-family: 'Futurisc', helvetica, arial, sans-serif; } .specials-disclaimer { font-size: 12px; line-height: 18px; } .readyContainer { width: 300px; margin: 0 0 10px 10px; } .readyFeature { display: block; width: 300px; height: 200px; color: #3d4344 !important; padding: 40px 10px 1px 145px; text-decoration: none !important; } .readyFeature .heading { font-family: 'Futurisc', Arial, Helvetica, sans-serif; font-size: 20px; color: #6b5c61; margin: 0 0 15px; display: block; line-height: 1.4; } .readyFeature .phone { font-family: "Futurisc", helvetica, arial, sans-serif; font-size: 20px; color: #6b5c61; } .readyContainer a.largeButton { width: 100%; display: block; } .readyContainer:hover .heading, .readyContainer:hover .phone { color: #3d4344 !important; } .readyFeature.getRidOfFat { background: url(../images/get-rid-of-the-fat.png) no-repeat top left; } .readyFeature.readyForALift { background: url(../images/ready-for-a-lift-bg.png) no-repeat top left; padding-left: 160px; font-size: 14px; } .readyFeature.readyForALift .phone { font-size: 18px; } .videoBox { margin: 0 0 30px 20px; width: 245px; float: right; font-size: .778em; line-height: normal; } section .videoBox p { margin: 0 0 10px; } .awards { margin: 0 0 20px 20px; padding: 8px 5px; width: 125px; height: auto; background: #fff; text-align: center; float: right;} .videoFeature { margin: 5px 0 10px 20px; width: 245px; height: 210px; float: right; } .videoFeature .image { display: block; } .videoFeature .button { padding: 10px 0; text-align: center; background: #6b5c61; text-decoration: none; font-family: "Futurisc", helvetica, arial, sans-serif; font-style: normal; font-weight: 300; font-size: 14px; color: #fff; display: block; } .videoFeature .button:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } .videoFeature .button:hover { color: #3d4344; background: #f4dee5; } .newslettersignup { margin: 0 0 30px; padding: 30px; background: #fff; } .newslettersignup input.input { background: #f4f4f4; border: none; padding: 8px 11px; height: 40px; width: 195px; margin: 0 10px; vertical-align: middle; } .newslettersignup h3 { border-color: #6b5c61; color: #6b5c61; font-size: 20px; font-family: 'Futurisc', helvetica, arial, sans-serif; } .newslettersignup button { font-family: 'Futurisc', helvetica, arial, sans-serif; font-size: 16px; color: #fff; background: #6b5c61; height: 40px; padding: 0 20px; line-height: 1.8; vertical-align: middle; font-weight: 100; transition: background .2s ease-out; } .newslettersignup button:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } .newslettersignup button:hover { background: #3d4344; cursor: pointer; } .new-you { display: inline-block; float: right; width: 245px; height: 169px; padding: 10px 90px 15px 10px; background: url(../images/new-you-bg.png) no-repeat top left; text-decoration: none; text-decoration: none !important; color: #3d4344 !important; margin: 0 0 15px 10px; } .new-you .featureHeader { font-family: 'Futurisc', Helvetica, Arial, sans-serif; font-weight: 400; display: block; border-bottom: 1px solid rgba(255,255,255,.7); font-size: 18px; padding: 0 0 10px; margin: 0 0 10px; width: 90%; } .new-you .featureHeader span { color: #6b5c61; display: block; font-size: 30px; } .new-you p { font-size: 13px; line-height: 1.4; } .new-you:hover { cursor: pointer; } .new-you:hover .featureHeader span { color: #3d4344; } a.ppcFeature { margin: 0 0 25px 35px; width: 300px; overflow: hidden; display: block; float: right; } a.ppcFeature:hover { text-indent: -300px; } section .photo { margin: 0 0 20px 30px; width: 245px; float: right; } section .photo img { margin: 0 0 10px; } section .photo .photoButton.right { padding-right: 12px; font-size: 1.25em; background: url(../images/arrow-right.png) no-repeat right 12px; } section .photo .photoButton.right:hover { background-image: url(../images/arrow-right-on.png); } table.galleryTable { margin: 0 0 20px; } table.galleryTable td { padding: 0 20px 0 0; width: 190px; } table.galleryTable td ul { margin-top: 20px; padding: 0 5px; } table.galleryTable td ul li { margin: 0; padding: 2px 0 2px 10px; line-height: normal; background: none; position: relative; line-height: 1.4; } table.galleryTable td ul li:before { position: absolute; color: #ecd3c7; } table.galleryTable td ul li a { padding: 0; color: #3d4344; } table.galleryTable td ul li a:hover { } .hangingH1 span { font-size: 22px; color: #ecd3c7; display: block; } .gallery table { font-size: .90em; } .box { background: #fff; margin: 0 0 20px; padding: 40px 40px 1px; overflow: hidden; zoom: 1; } .box .archived { width: 30%; margin-right: 3%; padding-bottom: 25px; float: left; } .box .archived img { display: block; width: 100%; } .featuredCase { margin: 0 0 30px; padding: 30px 40px 1px; background: #fff; } .featuredCase .before, .featuredCase .after { font-weight: bold; } .featuredCase .before { width: 252px; float: left; } .featuredCase .case img { margin: 0 0 5px; width: 252px; } .featuredCase .after { width: 252px; float: right; } .featuredCase .case { margin: 0 0 30px; } .featuredCase .block { margin: 0 10px 10px 0; width: 127px; float: left; } .featuredCase .block img { width: inherit; } .featuredCase p.disclaimer { font-size: .75em; color: #999; line-height: normal; } .featureDualsculpting { margin: 0 0 30px 0; padding: 30px 15px 0 210px; height: 292px; background: url(../images/featureDualsculpting-background.jpg) no-repeat left bottom; display: block; position: relative; } .featureDualsculpting h2 { margin: 0 0 10px 0; padding: 0; font-size: 2.53em; font-weight: 700; line-height: 1.0em; color: #21a1db; border: none;} .featureDualsculpting h2 span { font-weight: 400; } .featureDualsculpting h3 { margin: 0 0 15px 0; padding: 0; font-size: 1.375em; line-height: 1.0em; color: #0a597d; border: none; } .featureDualsculpting p { font-size: 0.875em; line-height: 1.429em; color: #555; padding-right: 190px; } .featureDualsculpting p span { color: #0a597d; font-weight: 700; } .featureDualsculpting a.fancypatient { width: 201px; display: block; overflow: hidden; position: absolute; bottom: -28px; right: 0; } .featureDualsculpting a.fancypatient:hover { text-indent: -201px; } .featureDualsculpting a img { max-width: none; } .featureCoolAdvantage { width: 625px; height: 469px; background: url(../images/cooladvantage-bg.jpg) no-repeat center center; background-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 35px 260px 45px 45px; margin: 0 0 30px 0; } .featureCoolAdvantage h2 { font-size: 40px; line-height: 47px; border-bottom: none; color: #fff; margin-bottom: 0; } .featureCoolAdvantage p { font-size: 18px; line-height: 23px; color: #fff; font-family: "Futurisc",helvetica,arial,sans-serif; padding-right: 15px; } .featureCellfina { margin: 0 0 30px 0; padding: 60px 15px 0 210px; height: 320px; background: url(../images/cellfinabg.jpg) no-repeat left bottom; display: block; position: relative; } .featureCellfina h2 { margin: 0 0 20px 0; padding: 0; font-size: 38px; color: #6b5c61; border: none;} .featureCellfina p { ont-family: "Futurisc", helvetica, arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 30px; color: #414546; } .featureCellfina p strong { font-weight: 700; } .featureHair { background: url(../images/feature-hair-restoration-background.jpg) no-repeat left top; width: 100%; height: 428px; padding: 40px 255px 0 40px; margin-bottom: 30px; } a.title { background: url(../images/feature-hair-restoration-title.png) no-repeat left top; width:345px; height:77px; overflow: hidden; display: block; margin-bottom: 20px; text-indent:-9999px; �?} a.title:hover { background-position: -345px 0;} .featureHair p { color: #3d4344; font-size:.95em;} .featureExparel { margin: 0 0 25px; padding: 32px 40px 0 220px; width: 625px; height: 158px; background: url(../images/featureExparel-background.png) no-repeat left top; } .featureExparel span.heading { padding: 0; border: none; font-family: "Futurisc", helvetica, arial, sans-serif; font-weight: 300; color: #414546; font-size: 22px; display: block; margin: 0 0 15px; } .featureExparel span.heading span { color: #6b5c61; } .featureExparel p { font-size: 14px; line-height: 1.4;} .coolscultpingBAContainer { margin: 30px 0; } .coolsculptingBA { margin: 0 1px 5px 0; padding: 0; width: 207px; text-align: center; float: left; } .coolsculptingBA span { margin: 0 0 15px 0; font-size: 0.688em !important; line-height: 1.0em !important; font-weight: 400; text-align: right; color: #666; display: block; } .coolsculptingBA.last { margin: 0 0 20px 0; } .coolsculptingBA img { margin: 0 0 5px 0; padding:0; width: 205px; border: 1px solid #363636; } .feature-implant-revision { margin: 0 0 30px; padding: 20px; background: #fff; border: 1px solid #ccc; } .gallery { margin: 0 0 30px; padding: 0 0 15px; } .gallery h2 { margin: 0 30px 0 0; padding: 30px; border-right: 1px solid #292929; border-bottom: none; float: left; } .gallery h2 a { text-decoration: none; } .gallery table { margin: 0 0 20px; padding: 28px; width: 100%; background: none repeat scroll 0 0 #1e1e1e; } .gallery table td { color: #666666; text-align: left !important; } .gallery table td strong { color: #fff; } .gallery p { margin: 0; padding: 28px 28px 0; line-height: normal; } .gallery p a { text-decoration: none; } .gallery p.disclaimer { padding:0 28px; color: #666; font-size: .778em; line-height: normal; } .feature-implant-revision h2, .featureVaginal h2 { margin: 0; border: none; } .feature-implant-revision p { margin: 0 0 10px; line-height: normal; } .feature-implant-revision .photoButton.right { font-size: 1.25em; background-position: right 11px; } .procedureThumb h3 { margin: 0; padding: 8px 14px; border: none; background: #7ca9d4; background-image: linear-gradient(to bottom, #91bde8, #a7838e); color: #fff; font-family: 'Futurisc', helvetica, arial, sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 1px; min-height: 68px; } .procedureThumb h3.category-12 { background: #84a892; background-image: linear-gradient(to bottom, #84a892, #72a189); } .photoButton { text-decoration: none; } .photoButton:hover { } .photoButton.right { } .photoButton.right:hover { } #fancybox-outer { background-color: #303030 !important; } #requestFeature { margin: 0 0 40px; padding: 65px 0 0 235px; width: 389px; height: 188px; background: url(../images/featureRequest-background.jpg) no-repeat left top; } section #requestFeature h3 { margin: 0 0 25px; padding: 0; border: none; color: #fff; text-decoration: none; font-size: 1.556em; font-family: "pragmatica-web-condensed", helvetica, arial, sans-serif; font-style: normal; font-weight: 400; display: block; } section #requestFeature h3 a { color: #fff; text-decoration: none; } #requestFeature p { margin: 0 0 20px; width: 330px; font-size: .889em; color: #adadd9; line-height: normal; } #requestFeature a.button { padding-right: 17px; font-family: "pragmatica-web-condensed", helvetica, arial, sans-serif; font-style: normal; font-weight: 300; text-decoration: none; background: url(../images/requestFeature-arrow.png) no-repeat right 9px; font-size: 1.333em; text-transform: uppercase; } #requestFeature a.button:hover { color: #fff; background-image: url(../images/requestFeature-arrow-on.png) } #requestFeature a.button span { color: #fff; } .breastFeature { margin: 0 0 30px; width: 625px; height: 190px; background: #81acd4 url(../images/breast-feature-bg.png) no-repeat top left; padding: 20px 56px 2px 270px; } .breastFeature .header { font-size: 15px; font-family: 'Futurisc', Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 0 10px; display: block; } .breastFeature .header span { display: block; color: #6b5c61; font-size: 27px; } .breastFeature p { font-size: 14px; margin: 0 0 10px; line-height: 1.4; } .breastFeature .links a { display: inline-block; width: 40%; text-align: left; color: #6b5c61; text-decoration: none !important; font-size: 18px; } .breastFeature .links a:after { font-family: 'fontawesome'; content: '\f105'; margin-left: 7px; } .breastFeature .links a:hover { color: #3d4344; } a.featureButton { margin: 0 0 25px; width: 625px; height: 88px; padding: 18px 20px 0 254px; display: block; background: #a7838e url(../images/featurePhoto-background.png) no-repeat top left; color: #3d4344 !important; text-decoration: none !important; font-size: 1.1875em; font-family: 'Futurisc', Arial, Helvetica, sans-serif; font-weight: 400; } a.featureButton span { color: #6b5c61 !important; font-size: 32px; } a.featureButton span:after { font-family: 'fontawesome'; content: '\f105'; margin-left: 7px; } a.featureButton:hover span { color: #3d4344 !important; } a.featureButton.axisButton { width: 625px; background: #81acd4 url(../images/visualize-bg.png) no-repeat top left; } body.male-breast-reduction a.featureButton { background: #81acd4 url(../images/featurePhoto-background-male.png) no-repeat top left; } .testimonial-feature { background: url(../images/testimonial-background.jpg) no-repeat left top; padding: 80px 35px 50px; text-align: center; margin-bottom: 30px; width: 100%; height: 523px; box-sizing: border-box; } .testimonial-feature h2 { border: none; color: #fff; font-size: 28px; font-weight: 300; margin-bottom: 15px; font-style: italic; } .testimonial-feature p { color: #fff; font-family: 'Futurisc', helvetica, arial, sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 20px; line-height: 30px; font-style: italic; } .testimonial-feature p.author { font-style: normal; } .testimonial-feature a.reviews-button { background: #6b5c61; color: #fff; font-family: 'Futurisc', helvetica, arial, sans-serif; text-decoration: none; font-size: 20px; font-weight: 300; width: 285px; line-height: 40px; margin: 0 auto; display: block; } p.faceliftVideoCaption { margin-top: -25px; } .botox-diagram { margin-bottom: 30px; } img.dynamic-duo { width: 45%; } img.dynamic-duo-intros { width: 40%; } .feature-dynamicDuo { background: url(../images/dynamic-duo-feature-background.jpg) no-repeat center top; width: 625px; height: 347px; margin-bottom: 30px; padding: 30px 25px 30px 330px; box-sizing: border-box; } .feature-dynamicDuo h2 { border: none; font-size: 26px; font-weight: 300; margin-bottom: 25px; } .feature-dynamicDuo h2 span { display: block; color: #3d4344; font-size: 46px; margin-top: 15px; } .feature-dynamicDuo p { color: #3d4344; margin-bottom: 20px; } .feature-dynamicDuo a { font-size: 14px; color: #fff; background: #72a189; display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; font-family: 'Futurisc', helvetica, arial, sans-serif; font-weight: 300; transition: background .2s ease-out; } .feature-dynamicDuo a:hover { background: #3d4344; text-decoration: none; } .feature-dynamicDuo a:visited { color: #fff; } .feature-dynamicDuo i { font-size: 12px; font-weight: 300; } img.lip-augmentation { width: 350px; } /* Recent Blog Posts Feature Block */ #featureRecentPosts { position: relative; padding: 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e3e4+0,c4cbcf+100 */ background: #e0e3e4; /* Old browsers */ background: -moz-linear-gradient(top, #e0e3e4 0%, #c4cbcf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e0e3e4 0%,#c4cbcf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e0e3e4 0%,#c4cbcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e3e4', endColorstr='#c4cbcf',GradientType=0 ); /* IE6-9 */ } #featureRecentPosts h2 { letter-spacing: .025em; font-size: 36px; line-height: 107.47%; font-weight: 400; border-bottom: none; } #featureRecentPosts h2 span { display: block; } #featureRecentPosts h2 span.blog-title-text { position: absolute; top: 0; left: 0; display: inline-block; padding: 15px 20px; background-color: #6b5c61; color: #fff; font-size: 20px; line-height: 103.45%; font-weight: 300; letter-spacing: .025em;} #featureRecentPosts h2 span.block-title { margin-top: 45px; color: #494744; } #featureRecentPosts h2 span.category-title { color: #6b5c61; } #featureRecentPosts ul, #featureRecentPosts ul li { padding-left: 0; } #featureRecentPosts ul { margin-bottom: 0; } #featureRecentPosts ul li:before { content: ''; } #featureRecentPosts ul li { margin-bottom: 20px; font-family: "Futurisc", helvetica, arial, sans-serif; font-size: 16px; line-height: 162.5%; color: #3d4344;} #featureRecentPosts ul li:last-child { margin-bottom: 0; } #featureRecentPosts h3 { border-bottom: none; border-top: 1px solid #bbbfc2; padding: 30px 0 0; font-family: 'Futurisc', helvetica, arial, sans-serif; font-size: 24px; font-weight: 400; margin: 0 0 20px; } #featureRecentPosts ul li a { color: #6b5c61;} #featureRecentPosts .no-break { white-space: nowrap; } a.directionButton { margin: 0 0 25px; width: 624px; display: block; overflow: hidden; } a.directionButton:hover { text-indent: -624px; } a.video { margin: 0 0 20px 50px; width: 245px; float: right; display: block; overflow: hidden; } a.video:hover { text-indent: -245px; } .our-office { background: #fff;} .our-office table td { padding: 10px; } .our-office img { width: 100%; -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75); } #socialMedia { margin-bottom: 30px; width: 100%; display: block; padding: 0; } #socialMedia .google { float: left; vertical-align: middle; height: 20px; padding: 5px 0 0; } #socialMedia .facebook { padding: 5px 0 0 25px; margin-top: -6px; float: left; width: 131px; vertical-align: top; } #socialMedia h2 { float: left; } #socialMedia .twitter { float: left; width: 70px; height: 20px; padding: 5px 15px 0; } #socialMedia { width: auto; float: right; } section p.testimonialsLinks { margin-bottom: 30px; float: left; display: inline-block; } section .divider { margin: 0 25px; line-height: 1em; } article.testimonial { margin: 0 0 15px; padding: 30px; background: #fff; border: 1px solid #ccc; } article.testimonial.last { margin: 0 0 45px; } article.testimonial p.author { text-align: right; } article.testimonial p.callout { margin: 0 0 20px; padding-left: 32px; font-size: 1.5em; line-height: 1.25em; position: relative; } article.testimonial p.callout:before { content: '\f10d'; font-family: 'fontawesome'; position: absolute; left: 0px; color: #6b5c61; } /* SculpSure Page */ .sculpsure .product_logo { float: right; width: 40%; margin: 0 0 30px 30px; } .sculpsure .before_after_feature { background-color: white; padding: 40px; margin-bottom: 40px; } .sculpsure .before_after__title { font-family: 'Futurisc', helvetica, arial, sans-serif; border-bottom: 1px solid #6b5c61; color: #6b5c61; font-size: 1.375em; font-weight: 400; padding: 0 0 15px 0; margin: 0 0 20px 0; line-height: 1; } .sculpsure .before_after__image { width: 100%; margin-bottom: 10px; } .sculpsure .row { margin: 0 -10px; padding: 0; width: auto; } /* Overrides */ .sculpsure .row:after { content: ''; display: table; clear: both; } .sculpsure .col_half { float: left; width: 50%; box-sizing: border-box; padding: 0 10px; } .sculpsure .before_after__label { margin: 0; font-weight: bold; margin-bottom: 10px; } .sculpsure .before_after__caption { margin-bottom: 40px; } .sculpsure .before_after__credit { margin: 0; font-style: italic; } .sculpsure .product_photo { float: right; width: 35%; margin: 0 0 30px 30px; } /** Plastic Surgery Center page **/ .plastic-surgery-center section { width: 100%; float: none; height: 100%; } .plastic-surgery-center .logo { background-color: rgba(255,255,255,0.7); } .plastic-surgery-center h2 { border-bottom: none; margin-top: 0; } .plastic-surgery-center figure img { margin-bottom: 30px; } .plastic-surgery-center figcaption p { text-align: center; color: #6b5c61; font-style: italic; font-size: 13px; line-height: 138.46%; margin-bottom: 30px; } .plastic-surgery-center section p { width: 100%; float: none; } .plastic-surgery-center section a, .plastic-surgery-center section a:link, .plastic-surgery-center section a:visited { color: #a7838e; text-decoration: underline; } .plastic-surgery-center figure + .desktopConsultation { width: 261px; display: block; margin: 45px auto; } .at-a-glance ul, .center-features ul { list-style: disc outside none; margin-left: 10px; font-weight: 700; } .at-a-glance li:before, .center-features li:before { content:''; } .center-features li { padding-left: 10px; } .plastic-surgery-center .at-a-glance { position: static; background: #fff; min-width: 1435px; width: 100vw; margin-left: calc(-1 * ((100vw - 100%) / 2)); } .plastic-surgery-center .at-a-glance__container { height: 588px; width: 1435px; margin: 0 auto; background: url(../images/surgery-center-front-door.jpg) no-repeat 12vw; } .plastic-surgery-center .at-a-glance__content { width: 430px; position: absolute; left: 0; padding-top: 50px; } .plastic-surgery-center .at-a-glance__content ul { width: 360px; } .plastic-surgery-center .at-a-glance__content h2 { font-size: 36px; } .visit-our-center { margin-top: 50px; } .visit-our-center__content { width: 586px; height: 212px; float: left; } .visit-our-center__cta { float: right; display: block; width: 320px; height: 212px; padding: 76px 0; } .visit-our-center__cta .largeButton { width: 100%; height: 60px; } .plastic-surgery-center .slideshow { width: 100vw; margin-left: calc(-1 * ((100vw - 100%) / 2)); } .plastic-surgery-center .slideshow .bx-viewport li { width: auto !important; list-style-type: none; } .plastic-surgery-center .slideshow .bx-viewport li:before { content: ''; } .plastic-surgery-center .slideshow .bx-wrapper { margin-bottom: 50px; } .plastic-surgery-center #fancybox-outer { background-color: #fff !important; } .plastic-surgery-center #fancybox-title-wrap { display: none; } @media screen and (max-width: 1024px) { .plastic-surgery-center .at-a-glance { margin: 0 -30px; } .plastic-surgery-center .at-a-glance__container { margin: 0 0; background-position: -20px; } .plastic-surgery-center .slideshow { margin: 0 -30px; } .plastic-surgery-center .slideshow .bx-viewport { min-width: 1435px; } } ul.surgeryCenter-list li { margin-bottom: 10px; } /** LNAV **/ #lnav { width: 280px; float: left; } #lnav h3 { margin: 0 0 25px; } #lnav h3 a { color: #6b5c61; text-decoration: none; font-size: 1.6em; font-family: "Futurisc", helvetica, arial, sans-serif; font-style: normal; font-weight: 100; } #lnav ul { margin: 0 0 40px; list-style-type: none; } #lnav ul li { padding: 7px 0 7px 6px; border-bottom: 1px solid #6b5c61; line-height: normal; } #lnav ul li a { padding: 2px 0 2px 14px; color: #414546; text-decoration: none; line-height: 2.063em; font-size: 16px; line-height: normal; display: block; position: relative; } #lnav ul li a:before { content: '\f105'; font-family: 'fontawesome'; position: absolute; left: 2px; color: #6b5c61; } #lnav ul li a:hover, #lnav ul li.on a, #lnav ul li.on a:before, #lnav ul li a:hover:before { color: #a7838e; } #lnav ul li ul { margin: 5px 0 5px 0; padding-left: 30px; } #lnav ul li ul li { padding: 0; border: none; line-height: 1.35em; list-style: disc; } #lnav ul li.on li a { color: #414546; } #lnav ul li li a:before { content: ''; } #lnav ul li.on li a:hover, #lnav ul li.on li.on a { color: #ecd3c7; } #lnav ul li ul li a { padding: 0; font-size: 14px; line-height: normal; } #lnav a.button.touchmd { margin: 30px 0 20px; } #lnav a.button { margin: 0 0 20px; width: 100%; display: block; overflow: hidden; } #lnav a.button.coolsculpting:hover { filter: alpha(opacity=80); opacity: .8; zoom: 1; } #lnav a.touchmd { margin: 0 0 20px; width: 100%; display: block; text-decoration: none !important; padding: 208px 20px 25px; color: #3d4344; font-size: 14px; background: #fff url(../images/lnav-my-touch-bg.png) no-repeat top left; } #lnav a.touchmd .heading { font-family: 'Futurisc', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 1.3; margin: 0 0 20px; display: block; } #lnav a.touchmd .heading span { color: #6b5c61; } #lnav a.touchmd p { margin: 0 0 10px; } #lnav a.touchmd .learnMore { display: inline-block; margin-left: 8px; font-family: 'Futurisc', helvetica, arial, sans-serif; font-size: 18px; color: #6b5c61; } #lnav a.touchmd .learnMore:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } #lnav a.touchmd:hover { text-indent: 0; } #lnav a.touchmd:hover .heading span, #lnav a.touchmd:hover .learnMore { color: #3d4344; } #lnav a.lnav-specials-events { font-family: 'Futurisc', Arial, Helvetica, sans-serif; font-size: 15px; color: #3d4344; display: block; width: 280px; height: 88px; background: #81acd4 url(../images/lnav-specials-events-bg.png) no-repeat top left; padding: 18px 0 1px 120px; text-decoration: none !important; margin: 0 0 20px; } #lnav a.lnav-specials-events span { color: #6b5c61; font-size: 34px; line-height: 1.1; font-weight: 300; } #lnav a.lnav-specials-events span:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } #lnav a.lnav-specials-events:hover span { color: #3d4344; } #lnav .galleryTable h4 { margin: 0; font-weight: normal; } #lnav a.vectraButton { opacity:1; filter:alpha(opacity=1);} #lnav a.vectraButton:hover { opacity:0.8; filter:alpha(opacity=80); } #lnav a.vectraButton img { margin-bottom:20px; } #quickcontact { background: #a7838e; padding: 25px 20px 30px; color: #3d4344; } #quickcontact a { color: #3d4344; } #quickcontact table { width: 100%; } #quickcontact h3 { margin: 0 0 25px; color: #fff; text-decoration: none; font-size: 1.6em; font-family: "Futurisc", helvetica, arial, sans-serif; font-style: normal; font-weight: 100; } #quickcontact input.quick { margin: 0 0 8px; padding: 11px 13px; width: 100%; background: #fff; border: none; font-size: 1em; height: 40px; } #quickcontact textarea { margin: 0 0 15px; padding: 11px 13px; width: 100%; height: 132px; background: #fff; border: none; font-size: 1em; resize: none; overflow: hidden; font-family: Arial, helvetica, arial, sans-serif;} #quickcontact form { font-size: .889em; line-height: normal; } #quickcontact .validator { margin: 0 10px; } #quickcontact input.submit { float: right; } #quickcontact input.required { border: 1px solid #bd1919; } #quickcontact input.validate { padding: 9px 8px; height: 40px; border-right: none; width: 153px; float: left; } #quickcontact .warning { margin: 0 0 10px; padding: 10px; background: #bd1919; color: #fff; border: none; line-height: normal; } #quickcontact .required { color: #bd1919; } #quickcontact button { height: 41px; color: #fff; background: #6b5c61; text-align: center; width: 100%; font-size: 16px; font-family: 'Futurisc', helvetica, Arial, sans-serif; font-weight: 100; transition: background .2s ease-out; } #quickcontact button:hover { background: #7f6e73; cursor: pointer; } #quickcontact button:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px; } #quickcontact2 {padding: 25px 20px 30px; color: #ff0000; font-size: 16px; font-family: Arial, helvetica, arial, sans-serif;} #quickcontact2 a { color: #3d4344; } #quickcontact2 table { width: 100%; } #quickcontact2 h3 { margin: 0 0 25px; color: #fff; text-decoration: none; font-size: 1.6em; font-family: "Futurisc", helvetica, arial, sans-serif; font-style: normal; font-weight: 100; } #quickcontact2 input.quick { margin: 0 0 8px; padding: 11px 13px; width: 100%; background: #fff; border: none; font-size: 1em; height: 40px; } #quickcontact2 textarea { margin: 0 0 15px; padding: 11px 13px; width: 100%; height: 132px; background: #fff; border: 1px solid #cccccc; font-size: 14px; resize: none; overflow: hidden; font-family: Arial, helvetica, arial, sans-serif;} #quickcontact2 form { font-size: .889em; line-height: normal; } #quickcontact2 .validator { margin: 0 10px; } #quickcontact2 input.submit { float: right; } #quickcontact2 input.required { border: 1px solid #bd1919; } #quickcontact2 input.validate { padding: 9px 8px; height: 40px; border-right: none; width: 153px; float: left; } #quickcontact2 .warning { margin: 0 0 10px; padding: 10px; background: #bd1919; color: #fff; border: none; line-height: normal; } #quickcontact2 .required { color: #bd1919; } #quickcontact2 button { height: 41px; color: #fff; background: #6b5c61; text-align: center; width: 100%; font-size: 16px; font-family: 'Futurisc', helvetica, Arial, sans-serif; font-weight: 100; transition: background .2s ease-out; } #quickcontact2 button:hover { background: #7f6e73; cursor: pointer; } #quickcontact2 button:after { content: '\f105'; font-family: 'fontawesome'; margin-left: 7px;} /** CONTENT HM **/ #home { margin: 0 0 3px; padding: 0 30px; height: 680px; background: url(../images/home-background-2.jpg) no-repeat left bottom; } ul#featuresHM { margin: 0 50px 0 0; width: 410px; list-style-type: none; float: right; } section ul#featuresHM li { padding: 20px 0; background: url(../images/featuresHM-dividers.png) no-repeat left bottom; } section ul#featuresHM li.first { padding-top: 0; } section ul#featuresHM li.last { padding-bottom: 0; background: none; } section ul#featuresHM li a { font-family: "pragmatica-web-condensed", helvetica, arial, sans-serif; font-style: normal; font-weight: 300; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.11em; } section ul#featuresHM li a span { margin-top: -3px; display: block; font-size: 1.725em; color: #ed7373; font-weight: 400; } section ul#featuresHM li a span sup { margin-top: 3px; } section ul#featuresHM li a:hover span{ color: #fff; } section ul#featuresHM li a span.image { width: 13px; height: 18px; padding-left: 10px; background: url(../images/featuresHM-arrow.png) no-repeat left top; display: inline-block; } section ul#featuresHM li a:hover span.image { background: url(../images/featuresHM-arrow-on.png) no-repeat left top; } section .signature { margin: 0 0 45px; float:right; } /** PPC HM **/ #HM-main { margin: 0 0 3px; padding: 50px 30px 0; height: 450px; background: url(../images/home-background-2.jpg) no-repeat left bottom; } .HM-content { width: 550px; } .HM-content p { margin-top: 80px;} #consultHM { background: url(../images/request-consultation-HM.jpg) no-repeat left; width: 547px; height: 56px; overflow: hidden; text-indent: -9999px; display: block; } #consultHM:hover { background-position: -547px;} #consultPPC { background: url(../images/ppc-request-consultation.jpg) no-repeat left; width: 547px; height: 56px; overflow: hidden; text-indent: -9999px; display: block; } #consultPPC:hover { background-position: -547px;} #featuresHM h2 { display: inline-block; border-bottom: none; } #featuresHM { display: block; height: 215px; width: 1024px; background: #3d4344; margin: 25px 0 0 -30px; border-top: 1px solid #4d4d4d; text-transform: uppercase; } #featuresHM ul { margin: 0; padding: 0 10px 0; height: 170px; width: 1024px; background: #3d4344; } #featuresHM img {display: block; margin: 0 auto;} #featuresHM ul li { display: inline; list-style-type: none; padding-top: 47px; float: left; width: 320px; height: 170px; background: none; } #featuresHM ul li:nth-child(even) {border: 1px solid #4d4d4d; border-bottom: none; border-top: none; padding-bottom: 20px; } #featuresHM a { color: #ed7373; margin-left: 15px; } #featuresHM a:hover { color: #fff; } #featuresHM p { color: #fff; margin: 0 0 0 15px; } /** Plastic Surgery Center Feature Wrapper (BACK PAGES) **/ #pscFeatureWrapper { background: #aeaeae url(../images/surgery-center-feature.jpg) no-repeat top; margin-bottom: 30px; } #pscFeatureWrapper .inner { padding: 160px 30px 30px; } #pscFeatureWrapper h2 { margin: 30px 0; border-bottom: none; padding-bottom: 0; } #pscFeatureWrapper a, #pscFeatureWrapper a:link { background-color: #6b5c61; color: #fff; padding: 12px 20px; display: block; width: 196px; font-size: 1.25em; font-family: 'Futurisc', helvetica, arial, sans-serif; } #pscFeatureWrapper a:hover { background-color: #fff; color: #6b5c61; transition: background-color 1s; } /* Reviews Page */ body.reviews .container { width: 960px; max-width: 100%; margin: 0 auto; } body.reviews #contentContainer { width: auto; padding: 0; } body.reviews section { width: auto; padding: 0;} body.reviews .hero { background: url( '../images/reviews-hero-bg.jpg' ) no-repeat center center; background-size: auto 100%; height: 481px; background-color: #d6dadb; } body.reviews .hero__content { padding: 50px 50% 50px 0; } body.reviews .hero__title { margin: 0 0 30px 0; color: #464646; font-size: 42px; line-height: 1.25; border: 0; padding: 0; } body.reviews .hero__logo { display: block; margin-bottom: 20px; } body.reviews .hero__excerpt { margin-bottom: 20px; font-size: 20px; color: #464646; } body.reviews .hero__disclaimer { font-size: 13px; margin: 0; } body.reviews .hero__disclaimer__link { color: inherit; text-decoration: underline; } body.reviews .hero__disclaimer__link--mobile { display: none; } body.reviews .hero a:active, body.reviews .hero a:hover { opacity: .8; } body.reviews .share { background: white; } body.reviews .share__title { background-color: #a7838e; color: white; padding: 20px 0; text-align: center; font-size: 20px; margin: 0; border: 0; } body.reviews .review_sites__wrapper { overflow: hidden; } body.reviews .review_sites { margin: 0 0 0 -1px; border-right: 1px solid #d6dadb; } body.reviews .review_sites:after { content: ''; display: table; clear: both; } body.reviews .review_site { float: left; width: 25%; box-sizing: border-box; border-left: 1px solid #d6dadb; background: transparent; position: relative; padding: 0 !important; } body.reviews .review_site:before { display: none; } body.reviews .review_site__image { display: block; width: 100%; } body.reviews .review_site a { display: block; text-decoration: none; } body.reviews .review_site a:hover { opacity: .8; } body.reviews .yelp_bar { padding: 20px 0; font-size: 20px; text-align: center; margin: 0; font-size: 20px; font-family: 'Futurisc'; color: #262626 !important; background-color: #d6dadb; } body.reviews .yelp_bar img { display: inline-block; vertical-align: middle; margin-right: 10px; max-width: 32px; } body.reviews .yelp_bar a { color: #c41200; font-weight: 800; text-decoration: none; } body.reviews .yelp_bar a:hover { opacity: .8; } /* Rockstar page */ .row { width: 100%; display: block; padding: 15px 0 0; } .row > div { display: inline-block; vertical-align: top; } .row h2, .row h3 { border-bottom: none; } .ei-1-2, .ei-1-2-desktop { width: 49%; } .ei-530 { width: 530px; padding-right: 20px; } .ei-430 { width: 425px; } .ei-580 { width: 580px; } .ei-380 { width: 375px; } .ei-330 { width: 330px; } .ei-625 { width: 620px; padding: 0 0 0 35px; } .padding { padding: 0 0 0 20px; } .photoFeature img { margin: 0 0 15px; box-shadow: 0 1px 15px #ccc; max-width: 100%; } .photoFeature img.noshadow { box-shadow: none; } .photoFeature p { color: #6b5c61; font-size: 13px; font-style: italic; line-height: 1.3; } .photoFeature p img { vertical-align: middle; } .dr-hasen-rockstar section { padding: 0 32px; } .dr-hasen-rockstar hr { background: #6b5c61; } .dr-hasen-rockstar h3 { font-family: 'Futurisc', helvetica, arial, sans-serif; color: #6b5c61; font-size: 16px; font-weight: 100; } .rockstar-association-logos { float: right; margin: 55px 0 0; } .topDoctorFeature { padding: 0 0 0 55px; } .requestFeature { padding: 38px 30px 10px; background: url(../images/request-feature-bg.png) no-repeat top left; background-size: cover; text-align: center; font-size: 18px; font-style: italic; margin: 0 0 30px; } .requestFeature a.largeButton { margin: 0 auto; display: block; width: 320px !important; font-style: normal; } .requestFeature span.nobreak { font-weight: bold; } .doctor-testimonial { background: url(../images/dr-testimonial-bg.png) no-repeat top left; padding: 60px 58px 40px 330px; height: 239px; margin: 0 0 50px; font-size: 20px; font-family: 'Futurisc', helvetica, arial, sans-serif; font-weight: 100; line-height: 1.6; } .doctor-testimonial p { color: #6b5c61; font-style: italic; } .fishingFeature { padding: 0 0 0 55px; } .barH2 { display: block; border: none; text-align: center; color: #fff; background: linear-gradient(to bottom, #abb4ba, #949da3, #7d868c); line-height: 80px; font-size: 36px; padding: 0; height: 80px; margin: 0 0 50px; font-weight: 100; } .bosom-buddies-charity { padding: 30px 0 0 55px; } /** FOOTER **/ #footerWrapper { width: 100%; background: #f4f4f4; text-align: left; } .footerBar { width: 100%; background: #7d868c; color: #fff; margin: 0 0 25px; } .footerBar a { color: #fff; text-decoration: none; } .footerBar .inner { width: 1024px; height: 73px ; margin: 0 auto; padding: 18px 32px 12px; } .footerBar .inner .siteLinks { list-style-type: none; width: auto; display: inline-block; margin-top: 13px; } .footerBar .inner .siteLinks li { float: left; margin-right: 10px; padding: 0 10px 0 0; border-right: 1px solid #fff; line-height: 16px; } .footerBar .inner .siteLinks li:last-child { border-right: none; } .footerBar .inner .siteLinks li a { font-family: 'Futurisc', Arial, Helvetica, sans-serif; font-size: 13px; } .footerBar .inner .socialLinks { float: right; display: inline-block; width: auto; list-style-type: none; } .footerBar .inner .socialLinks li { float: left; margin: 0 15px 0 0; font-family: 'Futurisc', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } .footerBar .inner .socialLinks li a.icon { font-size: 20px; display: block; border: 3px solid #fff; padding: 7px; border-radius: 50%; width: 40px; height: 40px; text-align: center; transition: background .2s ease-out; } .footerBar .inner .socialLinks li a.facebook:hover { background: #3B5998; } .footerBar .inner .socialLinks li a.youtube:hover { background: #FF3333; } .footerBar .inner .socialLinks li a.instagram:hover { background: #4E433C; } footer { margin: 0 auto; width: 1024px; padding: 0 32px 30px; text-align: left; } footer .regional { margin: 0 0 15px; font-size: 11px; line-height: 1.2; color: #3d4344; } footer .regional a { color: #3d4344 !important; } footer .regional a:hover { color: #3d4344 !important; text-decoration: none; } footer strong.color { color: #596065; } footer .address { font-weight: bold; font-size: 12px; line-height: 1.3; margin: 0 0 38px; padding: 4px 0 6px 82px; background: url(../images/nap-logo.png) no-repeat top left; } footer .napCopy strong { font-size: 14px; line-height: 1.4; } footer .disclaimer { float: right; text-align: right; font-size: 12px; padding-top: 3px; } footer .disclaimer strong { margin: 0 0 15px; display: block; font-size: 12px; } footer .disclaimer a { color: #6b5c61; text-decoration: none; } footer .disclaimer a:hover { text-decoration: underline; } footer #socialMedia { position: relative; width: auto; top: 0; left: 0; } } footer .etna { float: right; font-size: .61em; line-height: normal; color: #b3b3b3; } footer .etna a { color: #b3b3b3; text-decoration: none; } @media screen and (min-width: 667px){ /** MOBILE **/ .mobile, .mobileText, .mobileHM, .mobileFooter { display: none !important; } .mobileConsultation { display: none; } #mobileNavWrapper, #menuWrapper { display: none; } } @media print { body { padding: 50px; } header { display: none; } nav.navigation { display: none; } .comment-respond { display: none; } #eiiSocialShare { display: none; } #lnav { display: none; } #footerWrapper { display: none; } a.featureButton { display: none; } a.top { display: none; } #pscFeatureWrapper { display: none; } a.new-you { display: none; } section { text-align: left; } h1 { margin: 0 0 30px; } h2 { margin: 0 0 25px; } h3 { margin: 0 0 15px; } p { margin: 0 0 25px; } p.printable_nap { margin: 0 0 40px; padding: 0 0 10px; display: block; border-bottom: 1px solid #3d4344; } } /** LNAV **/ #lnav2 ul li { padding: 2px 0 2px 6px;} #lnav2 ul li a { padding: 3px 0 2px 8px; color: #414546; text-decoration: none; font-size: 14px; line-height: normal; display: block; position: relative; } #lnav2 ul li a:hover, #lnav ul li.on a, #lnav ul li.on a:before, #lnav ul li a:hover:before {color: #a7838e;}